<!--登录与注册容器页面-->
<template>
    <div>
        <div class="page-banner-section section">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <h1 class="page-banner-title">登录或注册</h1>
                        <ul class="page-breadcrumb">
                            <li><a href="/">主页</a></li>
                            <li class="active">登录或注册</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="login-register-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-8 col-12 ml-auto mr-auto">
                        <!--操作方式选择栏-->
                        <ul class="login-register-tab-list nav">
                            <li><a :class="showActiveLogin ? 'active':''" href="login" data-toggle="tab">登录</a></li>
                            <li>or</li>
                            <li><a :class="showActiveLogin ? '':'active'" href="register" data-toggle="tab">注册</a></li>
                        </ul>
                        <div class="tab-content">
                            <router-view/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import {createNamespacedHelpers} from 'vuex'
    const {mapGetters} = createNamespacedHelpers('user');
    export default {
        computed: {
            ...mapGetters(['showActiveLogin'])
        }
    }
</script>

<style scoped>

</style>
